.content-seaction {
		display: flex;
		width: 100%;
		height: 100%;
		//服务 侧边导航栏
		.nav-seaction {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 160rpx;
			height: 100%;
			background: #e2e2e2;
			box-sizing: border-box;
			.nav-item {
				padding: 32rpx 0;
				width: 100%;
				text-align: center;
				@include ellipsis;
				.nav-text {
					letter-spacing: 12rpx;
					color: $uni-base-color;
				}
			}
			.nav-item__actived {
				position: relative;
				background-color: #f5f5f5;
				&:before {
					position: absolute;
					left: 0;
					top: 0;
					content: "";
					width: 5rpx;
					height: 100%;
					background-color: $uni-primary;
				}
				transition: all 0.3s linear;
			}
		}
		.details-seaction {
			padding: 20rpx 40rpx;
			padding-right: 10rpx;
			width: calc(100vw - 160rpx);
			// scroll-view 设置高度才会起到作用
			height: 100%;
			box-sizing: border-box;
			
			::-webkit-scrollbar {width: 0;height: 0;background-color: transparent;} 
			.goods-box {
				width: 100%;
				.title-seaction {
					font-size: 30rpx;
					overflow: hidden;
					white-space: nowrap;
					text {
						display: inline-block;
						vertical-align: middle;
						max-width: 555rpx;
						@include ellipsis;
					}
					&:after {
						display: inline-block;
						vertical-align: middle;
						margin-left: 20rpx;
						content: "";
						width: 84%;
						height: 2rpx;
						background-color: #cccfd3;
					}
				}
				// 商品区样式
				.goods-seaction {
					display: flex;
					margin-top: 30rpx;
					padding: 30rpx 0;
					padding-left: 20rpx;
					height: 8vh;
					border-bottom: 1px solid #cccfd3;
					&:last-child {
						border: none;
					}
					.goods-img {
						display: inline-flexbox;
						width: 210rpx;
						height: 100%;
						box-sizing: border-box;
						image {
							width: 100%;
							height: 100%;
						}
					}
					.goods-info {
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin-left: 50rpx;
						width: calc(100vw - 210rpx);
						height: 100%;
						box-sizing: border-box;
						.goods-secondName {
							display: inline-block;
							max-width: 345rpx;
							@include ellipsis;
						}
						text {
							font-size: 30rpx;
						}
						.goods-price {
							display: flex;
							justify-content: space-between;
							align-items: center;
							.mini-size {
								margin-left: 20rpx;
								font-size: 25rpx;
								color: $uni-base-color;
							}
							.add-icon {
								margin-right: 20rpx;
                padding: 10rpx;
                width: 30rpx;
                height: 30rpx;
								border-radius: 50%;
								background: $uni-primary;
                text-align: center;
                line-height: 30rpx;
							}
						}
					}
				}
			}
		}
    :deep(uni-icons) {
      text {
        font-size: 30rpx!important;
      }
    }
  }